<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html>
<head>
	<meta charset="UTF-8">
	<title></title>
	<link rel="stylesheet" href="../css/bootstrap.min.css">

	<style type="text/css">
		
body{
	margin:0px;
	padding:0px;
	font-size:13px;
	font-family: Trebuchet MS,Liberation Sans,DejaVu Sans,sans-serif;
	background:url(../img/2.jpg) center center fixed;
	color:black;
	
}

#mylogo{
		position: absolute;
		top: 10px;
		left: 200px;
		background: url(../img/t.jpg);
		height:90px;
		width: 192px;

	}



.top1{
	background-color:#25304C;
	height:100px;
	line-height:26px;
}
.top1 .top2{
	width:980px;
	height:26px;
	margin:0 auto;
	line-height:26px;
	
}
.top1 .top2 .top_left{
	width:113px;
	height:17px;
	float:left;
	margin-top:6px;
}
.top1 .top2 .top_right{
	width:602px;
	height:22px;
	float:right;
	margin-top:1px;
	line-height:22px;

}
.top1 .top2 .top_right a{
	margin-left:25px;
	color:#78C16F;
	font-weight:bold;
	text-decoration:none;

}
.top1 .top2 .top_right a:hover{
	text-decoration:underline;
}
.con{
		width: 950px;
		
		background-color: #fff;
		margin: 0 auto;
	}
	</style>


</head>
<body>
		<%@ include file="include/top.jsp"%>
	<div style="">
		
		<ul class="breadcrumb" style="height:20px;background-color:#1E2537;border-radius: 0px;margin-bottom:0px;">
			<div id="" class="container">
				 <li><a href="#">Home</a> <span class="divider">/</span></li>
				  <li><a href="#">购物车</a> <span class="divider">/</span></li>
				  <li class="active">消息</li>
			</div>
		 
		</ul>
	</div>
	<!--这边是用户中心了-->
	<div class="con" style="padding:25px;">
		<div class="tabbable tabs-left"> 
		  <ul class="nav nav-tabs">
		    <li class="active"><a href="#tab1" data-toggle="tab"><span class="label label-warning">1</span>用户订单</a></li>
		    <li><a href="#tab2" data-toggle="tab"><span class="label label-success">2</span>收藏夹</a></li>
		    <li><a href="#tab3" data-toggle="tab"><span class="label label-important">3</span>用户信息</a></li>
		    <li><a href="#tab4" data-toggle="tab"><span class="label label-info">4</span>安全退出</a></li>
		   
		  </ul>
		  <div class="tab-content">
		    <div class="tab-pane active" id="tab1">
		      <!--收藏的书籍-->
				<div class="span10" style="float:right;">
					<h4><i class="icon-th-list"></i>用户订单列表</h4>
					<hr/>
					<table class="table table-hover">
						
						<thead>
							<tr>
								<th>订单编号</th>
								<th>下单日期</th>
								<th>订单状态</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>110</td>
								<td>2011-12-12-12 12:12:12</td>
								<td><span class="label label-success">交易成功</span></td>

							</tr>
							<tr>
								<td>110</td>
								<td>2011-12-12-12 12:12:12</td>
								<td><span class="label label-success">交易成功</span></td>

							</tr>
							<tr>
								<td>110</td>
								<td>2011-12-12-12 12:12:12</td>
								<td><span class="label label-success">交易成功</span></td>

							</tr>
							
							<tr>
								<td>110</td>
								<td>2011-12-12-12 12:12:12</td>
								<td><span class="label label-success">交易成功</span></td>

							</tr>
							<tr>
								<td>110</td>
								<td>2011-12-12-12 12:12:12</td>
								<td><span class="label label-success">交易成功</span></td>

							</tr>
							<tr>
								<td>110</td>
								<td>2011-12-12-12 12:12:12</td>
								<td><span class="label label-success">交易成功</span></td>

							</tr>

						</tbody>
					</table>
				</div>

				
					<div class="pagination" style="float:right;">
					  <ul>
					    <li><a href="#">Prev</a></li>
					    <li><a href="#">1</a></li>
					    <li><a href="#">2</a></li>
					    <li><a href="#">3</a></li>
					    <li><a href="#">4</a></li>
					    <li><a href="#">Next</a></li>
					  </ul>
					</div>
				

				<div class="clear">
					
				</div>


		    </div>
		    <div class="tab-pane" id="tab2">
		      <!--收藏夹-->
<!--收藏的书籍-->
		<div class="span10" style="float:right;">
			<h4><i class=""></i>收藏夹</h4>
			<table class="table table-hover">
				            	<tbody>
				            		<tr>
				            			<td width="130"><img src="../img/book/b1.jpg" alt="" class=""></td>
				            			<td>
				            				<strong>Head First HTML5(中文版)</strong>
						            		<p>
						            			作　　者：（美）Eric Freeman，（美）Elisabeth Robson 著 林琪，张伶 等 译<br>
						            			出 版 社：中国电力出版社<br>
						            			定　 价：<span class="muted" style="text-decoration: line-through;">￥78.00</span> <br>
												商  城  价：<span class="text-error">￥50.70（6.5折）</span><br>
						            		</p>
						            		<div>
						            			<a href="#" class="btn btn-mini btn-primary"><i class="icon-shopping-cart icon-white"></i>放入购物车</a>
						            			<a href="#" class="btn btn-mini"><i class="icon-trash"></i>删除</a>
						            		</div>
						            	</td>
				            		</tr>
				            		<tr>
				            			<td width="130"><img src="../img/book/b2.jpg" alt="" class=""></td>
				            			<td>
				            				<strong>Head First HTML5(中文版)</strong>
						            		<p>
						            			作　　者：（美）Eric Freeman，（美）Elisabeth Robson 著 林琪，张伶 等 译<br>
						            			出 版 社：中国电力出版社<br>
						            			定　 价：<span class="muted" style="text-decoration: line-through;">￥78.00</span> <br>
												商  城  价：<span class="text-error">￥50.70（6.5折）</span><br>
						            		</p>
						            		<div>
						            			<a href="#" class="btn btn-mini btn-primary"><i class="icon-shopping-cart icon-white"></i>放入购物车</a>
						            			<a href="#" class="btn btn-mini"><i class="icon-trash "></i>删除</a>
						            		</div>
						            	</td>
				            		</tr>
				            		<tr>
				            			<td width="130"><img src="../img/book/b3.jpg" alt="" class=""></td>
				            			<td>
				            				<strong>Head First HTML5(中文版)</strong>
						            		<p>
						            			作　　者：（美）Eric Freeman，（美）Elisabeth Robson 著 林琪，张伶 等 译<br>
						            			出 版 社：中国电力出版社<br>
						            			定　 价：<span class="muted" style="text-decoration: line-through;">￥78.00</span> <br>
												商  城  价：<span class="text-error">￥50.70（6.5折）</span><br>
						            		</p>
						            		<div>
						            			<a href="#" class="btn btn-mini btn-primary"><i class="icon-shopping-cart icon-white"></i>放入购物车</a>
						            			<a href="#" class="btn btn-mini"><i class="icon-trash "></i>删除</a>
						            		</div>
						            	</td>
				            		</tr>
				            		<tr>
				            			<td width="130"><img src="../img/book/b2.jpg" alt="" class=""></td>
				            			<td>
				            				<strong>Head First HTML5(中文版)</strong>
						            		<p>
						            			作　　者：（美）Eric Freeman，（美）Elisabeth Robson 著 林琪，张伶 等 译<br>
						            			出 版 社：中国电力出版社<br>
						            			定　 价：<span class="muted" style="text-decoration: line-through;">￥78.00</span> <br>
												商  城  价：<span class="text-error">￥50.70（6.5折）</span><br>
						            		</p>
						            		<div>
						            			<a href="#" class="btn btn-mini btn-primary"><i class="icon-shopping-cart icon-white"></i>放入购物车</a>
						            			<a href="#" class="btn btn-mini"><i class="icon-trash"></i>删除</a>
						            		</div>
						            	</td>
				            		</tr>
				            	</tbody>
				          </table>
			</div>

		
					<div class="pagination" style="float:right;">
					  <ul>
					    <li><a href="#">Prev</a></li>
					    <li><a href="#">1</a></li>
					    <li><a href="#">2</a></li>
					    <li><a href="#">3</a></li>
					    <li><a href="#">4</a></li>
					    <li><a href="#">Next</a></li>
					  </ul>
					</div>
				

				<div class="clear">
					
				</div>


		    </div>
		    <div class="tab-pane" id="tab3">
		      <!--修改信息-->
		      <div class="span10" style="float:right;">
				<h4><i class=" icon-edit" style="margin-top:5px;"></i>修改信息</h4>
				<hr/>
				<form class="form-horizontal">
				  <div class="control-group">
				    <label class="control-label" for="inputEmail">原密码：</label>
				    <div class="controls">
				      <input type="text" id="inputEmail" placeholder="原密码">
				    </div>
				  </div>
				  <div class="control-group">
				    <label class="control-label" for="inputEmail">新密码：</label>
				    <div class="controls">
				      <input type="text" id="inputEmail" placeholder="新密码">
				    </div>
				  </div>
				  <div class="control-group">
				    <label class="control-label" for="inputEmail">再次确认密码：</label>
				    <div class="controls">
				      <input type="text" id="inputEmail" placeholder="新密码">
				    </div>
				  </div>
				  <div class="control-group">
				    <div class="controls">
				      <button type="submit" class="btn btn-primary"><i class="icon-ok icon-white"></i>确认</button>
				    </div>
				  </div>
				</form>
			</div>

			
				

			<div class="clear">
				
			</div>

		    </div>
		    <div class="tab-pane" id="tab4">
		      <p>Howdy, I'm in Section 4.</p>
		    </div>
		  </div>
		</div>

















		<footer>
					 <hr>
					<font>© 2012-2013 <i class="icon-hand-right"></i> 夼趸蒋</font>
				</footer>
	</div>
	<script src="../js/jquery.js" type="text/javascript"></script>
	<script type="text/javascript" src="../js/bootstrap.min.js"></script>
</body>
</html>